var grid;

Ext.onReady(function()
{
    var store = new X.store.Json({
        url : '/organizaciones/ajax-listar',
        fields: [ 'codigoOrganizacion',
                  'razonSocial',
                  'direccion',
                  'localidad',
                  'tipoOrganizacion',
                  'categoriaOrganizacion',
                  'frecuenciaContacto',
                  'nombreContacto',
                  'telefono',
                  'celular',
                  'fax' ]
    });

    grid = new X.grid.GridPanel({

        id       : 'grid',
        title    : 'Lista de organizaciones externas',
        height   : 393,
        width    : 1200,
        store    : store,

        columns:[
            new X.column.Text  ({header: 'Código',       dataIndex: 'codigoOrganizacion',    width: 50 }),
            new X.column.Text  ({header: 'Razón social', dataIndex: 'razonSocial',           width: 135}),
            new X.column.Text  ({header: 'Dirección',    dataIndex: 'direccion',             width: 135}),
            new X.column.Text  ({header: 'Localidad',    dataIndex: 'localidad',             width: 100}),
            new X.column.Text  ({header: 'Tipo',         dataIndex: 'tipoOrganizacion',      width: 70}),
            new X.column.Text  ({header: 'Categoría',    dataIndex: 'categoriaOrganizacion', width: 115}),
            new X.column.Text  ({header: 'Frecuencia',   dataIndex: 'frecuenciaContacto',    width: 115}),
            new X.column.Text  ({header: 'Contacto',     dataIndex: 'nombreContacto',        width: 120}),
            new X.column.Text  ({header: 'Telefono',     dataIndex: 'telefono',              width: 100}),
            new X.column.Text  ({header: 'Celular',      dataIndex: 'celular',               width: 100}),
            new X.column.Text  ({header: 'Fax',          dataIndex: 'fax',                   width: 100}),

            new X.column.Edit  ({editUrl    : '/organizaciones/editar',
                                 idColumn   : 'codigoOrganizacion'}),

            new X.column.Delete({deleteUrl  : '/organizaciones/ajax-eliminar',
                                 idColumn   : 'codigoOrganizacion',
                                 msgName    : 'organizacion',
                                 msgNameCol : 'razonSocial'})
        ]
    });

    grid.getBottomToolbar().pageSize = 20;

});
